{% set site_url = config.site_url | default(nav.homepage.url, true) | url %}
{% if not config.use_directory_urls and site_url[0] == site_url[-1] == "." %}
{% set site_url = site_url ~ "/index.html" %}
{% endif %}
<header class="md-header" data-md-component="header">
    <nav class="md-header-nav md-grid" aria-label="{{ lang.t('header.title') }}">
        <a href="{{ site_url }}" title="{{ config.site_name | e }}" class="md-header-nav__button md-logo"
            aria-label="{{ config.site_name }}">
            {% include "partials/logo.html" %}
        </a>
        <label class="md-header-nav__button md-icon" for="__drawer">
            {% include ".icons/material/menu" ~ ".svg" %}
        </label>
        <div class="md-header-nav__title" data-md-component="header-title">
            {% if config.site_name == page.title %}
            <div class="md-header-nav__ellipsis md-ellipsis">
                {{ config.site_name }}
            </div>
            {% else %}
            <div class="md-header-nav__ellipsis">
                <span class="md-header-nav__topic md-ellipsis">
                    {{ config.site_name }}
                </span>
                <span class="md-header-nav__topic md-ellipsis">
                    {% if page and page.meta and page.meta.title %}
                    {{ page.meta.title }}
                    {% else %}
                    {{ page.title }}
                    {% endif %}
                </span>
            </div>
            {% endif %}
        </div>
        {% include "partials/version-select.html" %}
        {% if "search" in config["plugins"] %}
        <label class="md-header-nav__button md-icon" for="__search">
            {% include ".icons/material/magnify.svg" %}
        </label>
        {% include "partials/search.html" %}
        {% endif %}
        {% if config.repo_url %}
        <div class="md-header-nav__source">
            {% include "partials/source.html" %}
        </div>
        {% endif %}
    </nav>
</header>